// 全局样式
@import './variables.less';

// 重置样式
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  height: 100%;
  font-family: @font-family;
  font-size: @font-size-base;
  color: @text-color;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

// 通用工具类
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

// Element Plus 样式覆盖
.el-button {
  &--primary {
    background-color: @primary-color;
  }
}

.el-input {
  &__inner {
    &:focus {
      border-color: @primary-color;
    }
  }
}

// 响应式辅助类
.hide-on-mobile {
  @media (max-width: 768px) {
    display: none !important;
  }
}
